<!DOCTYPE HTML>
<html lang="en">
<head>
    <title>资源树服务配置</title>

    <meta http-equiv="pragma" content="no-cache"/>
    <meta http-equiv="cache-control" content="no-cache"/>
    <meta http-equiv="expires" content="0"/>
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"/>
    <meta http-equiv="description" content="This is my page"/>

    <!--toast-->
    <link href="../metronic/assets/global/plugins/jquery.toast.css " rel="stylesheet"/>
    <script src="../metronic/assets/global/plugins/jquery.min.js" type="text/javascript"></script>
    <script src="../metronic/assets/global/plugins/jquery.toast.min.js" type="text/javascript"></script>

    <!-- BEGIN GLOBAL MANDATORY STYLES -->
    <link href="../metronic/assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet"
          type="text/css"/>
    <link href="../metronic/assets/global/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet"
          type="text/css"/>
    <link href="../metronic/assets/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
    <link href="../metronic/assets/global/plugins/uniform/css/uniform.default.css" rel="stylesheet" type="text/css"/>
    <link href="../metronic/assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet"
          type="text/css"/>
    <!-- END GLOBAL MANDATORY STYLES -->
    <!-- BEGIN PAGE LEVEL STYLES -->
    <link rel="stylesheet" type="text/css" href="../metronic/assets/global/plugins/select2/select2.css"/>
    <link rel="stylesheet" type="text/css"
          href="../metronic/assets/global/plugins/datatables/plugins/bootstrap/dataTables.bootstrap.css"/>
    <!-- END PAGE LEVEL STYLES -->
    <!-- BEGIN THEME STYLES -->
    <link href="../metronic/assets/global/css/components.css" id="style_components" rel="stylesheet" type="text/css"/>
    <link rel="stylesheet" type="text/css" href="../metronic/assets/global/plugins/bootstrap/css/bootstrap-table.css"/>
    <link href="../theme/zTree/metroStyle/metroStyle.css" rel="stylesheet" type="text/css"/>
    <link rel="stylesheet" type="text/css" href="../theme/zTree/zTreeStyle/jquery.treegrid.css"/>
    <!-- END THEME STYLES -->
    <style type="text/css">
        .form-group {
            margin-bottom: 5px;
        }

        .help-inline {
            color: red;
        }

        .table {
            border-top: solid 3px #F3565D;
        }

        .table-toolbar {
            margin-bottom: 0px;
        }
    </style>

</head>

<body class="page-header-fixed page-quick-sidebar-over-content "
      style="width: 98%; background: #0f0; background-color: transparent;">
<div class="row" style="margin-top: 16px;">
    <!--Begin Left Tree-->

    <!--End Left Tree-->

    <!--End Left Tree-->
    <!-- Begin隐藏域 -->
    <input type="hidden" id="hid_serviceId" name="hid_serviceId"/>
    <input type="hidden" id="hid_servertype" name="hid_servertype"/>
    <input type="hidden" id="hid_operate" name="hid_operate"/>
    <input type="hidden" id="hid_projectid" name="hid_projectid"/>
    <!--Begin Right Content-->
    <div class="col-md-12">
        <div class="portlet box blue-steel">
            <div class="portlet-title">
                <div class="caption">
                    <i class="fa fa-globe"></i>资源树配置服务
                </div>
                <div class="actions">
                    <a id="btn_addtree" href="javascript:;"
                       class="btn btn-default btn-sm"> <i class="fa fa-edit"></i>
                        配置顶级节点
                    </a>
                </div>
                <div class="actions">
                    <a id="btn_back" href="javascript:;"
                       class="btn btn-default btn-sm"> <i class="fa fa-backward"></i>
                        返回
                    </a>
                </div>
            </div>
            <div class="portlet-body" id="xxxf" style="height: 600px">
                <div class="tabbable-custom nav-justified">
                    <ul id="myTab" class="nav nav-tabs nav-justified disable">
                        <li class="active"><a id="a_tab_table" href="#tab_1_1_1"
                                              data-toggle="tab">资源树服务信息展示 </a></li>
                        <li><a id="a_tab_field" href="#tab_1_1_2" data-toggle="tab">
                            资源树服务详情 </a></li>
                        <li><a id="a_tab_column" href="#tab_1_1_4" data-toggle="tab">
                            查询字段详情 </a></li>
                    </ul>
                    <div id="tb_dataList" class="tab-content" style="height: 520px">
                        <div class="tab-pane active" id="tab_1_1_1"
                             style="margin-top:30px;height: 448px; overflow: auto;">
                            <div class="form-horizontal form-body form-inline">
                                <div class="form-group" style="margin-left: 67px;">
                                    <label class="col-md-4 control-label">&nbsp;&nbsp;数据库:</label>
                                    <div class="col-md-4">
                                        <select id="dbkey" name="dbkey"
                                                class="form-control input-inline input-medium"
                                                placeholder="">
                                        </select>
                                    </div>
                                </div>
                                <div class="form-group" style="margin-left: 221px;">
                                    <label class="col-md-4 control-label">服务ID:</label>
                                    <div class="col-md-4">
                                        <input id="treeids" name="treeids" type="text"
                                               class="form-control input-inline input-medium"
                                               placeholder=""/>
                                    </div>
                                </div>
                                <hr/>
                                <div class="form-group" style="margin-left: 66px;">
                                    <label class="col-md-4 control-label">服务名称:</label>
                                    <div class="col-md-4">
                                        <input id="servicename" name="servicename" type="text"
                                               class="form-control input-inline input-medium"
                                               placeholder=""/>
                                    </div>
                                </div>
                                <div class="form-group" style="margin-left: 199px;">
                                    <label class="col-md-3 control-label"
                                           style="margin-top: 2px; width: 135px;">是否懒加载:</label>
                                    <div class="col-md-3" style="margin-top: 7px; width: 217px;">
                                        <input type="radio" id="ismales" name="islazy" checked="checked" value="1"/>
                                        <label for="male">是</label>
                                        <input type="radio" id="isfemales" name="islazy" value="0"/><label for="female">否</label>
                                        <span id="valide_catch" class="help-inline"> </span>
                                    </div>
                                </div>
                                <!--<hr/>-->
                                <!--<div class="form-group" style="margin-left: 87px;">-->
                                <!--<label class="col-md-6 control-label">是否缓存:</label>-->
                                <!--<div class="col-md-6" style="margin-top: 7px;">-->
                                <!--<input type="radio" id="males" name="catcheds" value="1" /> <label for="male">是</label>-->
                                <!--<input type="radio" id="females" checked="checked" name="catcheds" value="0" /><label for="female">否</label>-->
                                <!--<span id="valide_catch" class="help-inline"> </span>-->
                                <!--</div>-->
                                <!--</div>-->
                                <!--<div class="form-group"-->
                                <!--style="width: 245px; margin-left: 382px;">-->
                                <!--<label class="col-md-3 control-label" style="width: 95px;">缓存时间:</label>-->
                                <!--<div class="col-md-7" style="padding-left: 14px;">-->
                                <!--<input id="catchtime" name="catchtime" type="text"-->
                                <!--class="form-control input-inline input-xsmall"/>分钟-->
                                <!--</div>-->
                                <!--</div>-->
                                <hr/>
                                <div class="form-group" style="margin-left: 38px;">
                                    <label class="col-md-4 control-label" style="width: 148px;">顶级节点:</label>
                                    <div class="col-md-4" style="margin-top: 7px; width: 251px;">
                                        <input type="radio" id="ismale" name="istop" value="1"/> <label
                                            for="male">是</label>
                                        <input type="radio" id="isfemale" checked="checked" name="istop"
                                               value="0"/><label for="female">否</label>
                                        <span id="valide_catch" class="help-inline"> </span>
                                    </div>
                                </div>
                                <div id="dingji" class="form-group" style="margin-left: 195px;">
                                    <label class="col-md-4 control-label">顶级节点名称:</label>
                                    <div class="col-md-4">
                                        <input id="topname" name="topname" type="text"
                                               class="form-control input-inline input-medium"
                                               placeholder=""/>
                                    </div>
                                </div>
                                <hr/>
                                <button id="btn_dsave" type="button" class="btn blue-steel"
                                        style="margin-left: 960px; width: 80px;">保&nbsp;&nbsp;&nbsp;&nbsp;存
                                </button>
                                <span id="derrorInfo" style="color: red; margin-left: 20px;"></span>
                                <hr/>
                            </div>
                        </div>

                        <div class="tab-pane" id="tab_1_1_4">
                            <div class="form-horizontal form-body form-inline">
                                <iframe id="queryIframe" src="" name="queryIframe"
                                        style="width: 100%; height: 500px; border: solid 0px red;"></iframe>
                            </div>
                        </div>

                        <div class="tab-pane" id="tab_1_1_2">
                            <div class="table-toolbar"></div>

                            <div class="portlet-body">
                                <table
                                        class="table table-hover tree-2 table-bordered table-striped table-condensed">
                                    <thead>
                                    <th>配置表</th>
                                    <th>节点关联字段</th>
                                    <th>节点显示字段</th>
                                    <th>父节点字段</th>
                                    <th>层级数</th>
                                    <th style="width: 205px;">操作</th>
                                    </thead>
                                    <tbody></tbody>
                                </table>
                            </div>
                        </div>
                        <div class="tab-pane" id="serverColumn"></div>
                    </div>
                </div>
            </div>
            <!--Begin End Content-->
        </div>
        <!-- Begin隐藏域 -->
        <input type="hidden" id="hid_dbKey" name="hid_dbKey"/>
        <!-- End隐藏域 -->
        <!-- Begin 添加-修改Modul -->
        <div id="EditContent" class="modal fade" tabindex="-1"
             aria-hidden="true" style="z-index:9999 !important;">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal"
                                aria-hidden="true"></button>
                        <h4 class="modal-title">资源树配置服务</h4>
                    </div>
                    <div class="modal-body">
                        <div class="scroller" style="height: 300px"
                             data-always-visible="1" data-rail-visible1="1">
                            <div class="form-horizontal form-body">
                                <div id="cengjiid" class="form-group">
                                    <label class="col-md-3 control-label">层级ID</label>
                                    <div class="col-md-9">
                                        <input id="cenguid" name="cenguid" type="text"
                                               class="form-control input-inline input-medium"
                                               placeholder="请输入GUID"/> <span id="valide_cenguid"
                                                                             class="help-inline"></span>
                                    </div>
                                </div>
                                <div id="cengjiming" class="form-group">
                                    <label class="col-md-3 control-label">层级名称</label>
                                    <div class="col-md-9">
                                        <input id="cenname" name="cenname" type="text"
                                               class="form-control input-inline input-medium"
                                               placeholder="请输入层级名称"/> <span id="valide_cenname"
                                                                             class="help-inline"></span>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-md-3 control-label">配置表</label>
                                    <div class="col-md-9">
                                        <select id="tablename" name="tablename"
                                                class="js-example-basic-single input-inline input-medium"
                                                placeholder="请选择配置表名" style="z-index: 11155;">
                                            <option value="0">请选择配置表</option>
                                        </select> <span id="valide_tablename" class="help-inline"></span>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-md-3 control-label">节点关联字段</label>
                                    <div class="col-md-9">
                                        <select id="biaoid" name="biaoid"
                                                class="form-control input-inline input-medium"
                                                placeholder="请选择节点关联字段">
                                            <option value="0">请选择节点关联字段</option>
                                        </select> <span id="valide_biaoid" class="help-inline"></span>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-md-3 control-label">节点显示字段</label>
                                    <div class="col-md-9">
                                        <select id="biaoname" name="biaoname"
                                                class="form-control input-inline input-medium"
                                                placeholder="请选择节点显示字段">
                                            <option value="0">节点显示字段</option>
                                        </select> <span id="valide_biaoname" class="help-inline"></span>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-md-3 control-label">父节点字段</label>
                                    <div class="col-md-9">
                                        <select id="biaopid" name="biaopid"
                                                class="form-control input-inline input-medium"
                                                placeholder="请选择父节点字段">
                                            <option value="0">请选择父节点字段</option>
                                        </select> <span id="valide_biaopid" class="help-inline"></span>
                                    </div>
                                </div>
                                <div class="form-group" id="chaxunzd">
                                    <label class="col-md-3 control-label">查询字段</label>
                                    <div class="col-md-9">
											<textarea class="form-control input-inline input-medium"
                                                      rows="3" id="biaocolumn" name="biaocolumn"></textarea>
                                        <span id="valide_biaocolumn" class="help-inline"></span>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-md-3 control-label">层级数</label>
                                    <div class="col-md-9">
                                        <select id="treeceng" name="treeceng"
                                                class="form-control input-inline input-medium"
                                                placeholder="请选择层级">
                                            <option value="0">请选择层级</option>
                                            <option value="1">第一层级</option>
                                            <option value="2">第二层级</option>
                                            <option value="3">第三层级</option>
                                            <option value="4">第四层级</option>
                                            <option value="5">第五层级</option>
                                            <option value="6">第六层级</option>
                                            <option value="7">第七层级</option>
                                        </select> <span id="valide_treeceng" class="help-inline"></span>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" data-dismiss="modal" class="btn default">关闭</button>
                        <button id="btn_save" type="button" class="btn blue-steel">保存</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- End 添加-修改Modul -->
<!--<script src="../metronic/assets/global/plugins/jquery.min.js"-->
        <!--type="text/javascript"></script>-->
<script src="../metronic/assets/global/plugins/jquery-migrate.min.js"
        type="text/javascript"></script>
<!-- IMPORTANT! Load jquery-ui.min.js before bootstrap.min.js to fix bootstrap tooltip conflict with jquery ui tooltip -->
<script
        src="../metronic/assets/global/plugins/jquery-ui/jquery-ui.min.js"
        type="text/javascript"></script>
<script
        src="../metronic/assets/global/plugins/bootstrap/js/bootstrap.min.js"
        type="text/javascript"></script>
<script
        src="../metronic/assets/global/plugins/bootstrap-hover-dropdown/bootstrap-hover-dropdown.min.js"
        type="text/javascript"></script>
<script
        src="../metronic/assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js"
        type="text/javascript"></script>
<script src="../metronic/assets/global/plugins/jquery.blockui.min.js"
        type="text/javascript"></script>
<script src="../metronic/assets/global/plugins/jquery.cokie.min.js"
        type="text/javascript"></script>
<script
        src="../metronic/assets/global/plugins/uniform/jquery.uniform.min.js"
        type="text/javascript"></script>
<script
        src="../metronic/assets/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js"
        type="text/javascript"></script>
<!-- END CORE PLUGINS -->
<!-- BEGIN PAGE LEVEL SCRIPTS -->
<script src="../metronic/assets/global/scripts/metronic.js"
        type="text/javascript"></script>
<script
        src="../metronic/assets/global/plugins/bootstrap/js/bootstrap-table.js"
        type="text/javascript"></script>
<script
        src="../metronic/assets/global/plugins/bootstrap/js/bootstrap-table-zh-CN.js"
        type="text/javascript"></script>
<script src="../metronic/assets/global/plugins/bootbox/bootbox.min.js" type="text/javascript"></script>
<!-- END PAGE LEVEL SCRIPTS -->
<script src="../js/zTree/jquery.ztree.core.min.js"
        type="text/javascript"></script>
<script src="../js/zTree/jquery.treegrid.min.js" type="text/javascript"></script>
<script src="../js/zTree/jquery.treegrid.bootstrap3.js"
        type="text/javascript"></script>
<!-- END PAGE LEVEL SCRIPTS -->
<script src="../metronic/custom/commDialogs.js" type="text/javascript"></script>
<script src="../js/serviceConfigration/treeConfig.js"
        type="text/javascript"></script>
<script src="../metronic/assets/global/plugins/select2/select2.min.js" type="text/javascript"></script>
<script src="../metronic/assets/global/plugins/select2/select2_locale_zh-CN.js"></script>
</body>
</html>
